﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../lib/html5shiv.js"></script>
    <script type="text/javascript" src="../lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>配置信息</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

</head>

<body>
    <article class="page-container">
        <form class="form form-horizontal" id="form-article-add">

            <div class="row cl" style="display:none;">
                <label class="form-label"><span class="c-red">*</span>ID标识：</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="0" placeholder="" name="id" readonly>
                </div>
            </div>

            <div class="row cl">

                <label class="form-label">键名</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="" required placeholder="键名" name="name">


                </div>
            </div>
            <div class="row cl">

                <label class="form-label">存储值</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="" required placeholder="存储值" name="body">


                </div>
            </div>
            <div class="row cl">

                <label class="form-label">值数据类型</label>
                <div class="formControls">
                    <select name="format">
                        <option value="string" selected>字符串</option>
                        <option value="xml">XML</option>
                        <option value="json">Json</option>
                    </select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label">[外]所属服务</label>
                <div class="formControls">
                    <!--<input type="number" class="input-number" value="" placeholder="项目模块" name="modelId">-->
                    <select name="serviceId">
                        <option value="0">待选择</option>
                    </select>
                </div>
            </div>

            <div class="row cl">
                <label class="form-label">环境信息</label>
                <div class="formControls">
                    <select name="modelCode" class="areaenvironment">
                        <!-- <option value="default" selected>默认环境</option> -->
                        <!-- <option value="dev">开发环境</option> -->
                        <!-- <option value="prod">工厂环境</option> -->
                    </select>
                </div>
            </div>


            <div class="row cl">

                <label class="form-label">API密钥</label>
                <div class="formControls">
                    <input type="text" class="input-text" value="" placeholder="API密钥" name="token">
                    <input type="button" class="btnguid" value="生成" onclick="_funcrandomstr(this);">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label">其他信息</label>
                <div class="formControls formline">
                    <span>启用状态</span><input type="checkbox" checked class="input-checkbox" name="isEnable">
                    <span>环境变量</span><input type="checkbox" checked title="docker run的时候会附加到环境变量中" class="input-checkbox" name="isEnvri">

                </div>
            </div>


            <div class="row cl">
                <div class="rowbtn">
                    <button onClick="_funcAdd();" class="btn btn-primary radius" type="button">保存</button>
                </div>
            </div>
        </form>
    </article>

    <!--_footer 作为公共模版分离出去-->
    <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
    <!--/_footer /作为公共模版分离出去-->
    <!--请在下方写此页面业务相关的脚本-->
    <script src="../lib/api.js"></script>


    <script type="text/javascript">

        var iseditemodel = false;
        $(function () {
            // $('.skin-minimal input').iCheck({
            //     checkboxClass: 'icheckbox-blue',
            //     radioClass: 'iradio-blue',
            //    increaseArea: '20%'
            // });
            _apiget('/api/spider/code/single',false,function(cc,oo){
                $(".areaenvironment").html(oo);
            })

            //获取参数中的ID
            var _id = 0;

            var uidstr = _apigetquery("id");
            if (uidstr != null) {
                _id = parseInt(uidstr);
                iseditemodel = true;
                if (_id == 0) {
                    iseditemodel = false;
                }
            } else {
                iseditemodel = false;
            }
            //_readobj(false);
            // _readmodel(false);

            _readservice(false);

            if (iseditemodel) {

                $(".styleadd").hide();

                _loaditem(_id);
            } else {
                $(".styleedit").hide();
            }

        });

        function _loaditem(userid) {
            //读取角色列表
            _apiget("/api/spider/keyValue/" + userid + "/infoForUpdate", true, function (code, obj) {
                if (code == 200) {
                    for (var key in obj) {
                        var objdom = $("[name=" + key + "]");
                        if (objdom.length > 0) {
                            var tagname = objdom[0].tagName;
                            if (tagname == "INPUT") {
                                var type = objdom[0].type;
                                if (type == "checkbox") {
                                    console.log(obj[key]);
                                    if (obj[key] || obj[key] === 1) {
                                        objdom.attr("checked", true);
                                        objdom.parent().addClass("checked");
                                    }
                                } else {
                                    objdom.val(obj[key]);
                                }
                            } else if (tagname == "SELECT") {
                                objdom.val(obj[key]);
                            } else if (tagname == "TEXTAREA") {
                                objdom.val(obj[key]);
                            } else if (tagname == "DIV") {
                                objdom.html(obj[key]);
                            }
                        }
                    }
                }
            });
        }

        function _funcAdd() {

            if (iseditemodel) {
                
                var dataobj = $("#form-article-add").parseForm();
                _apipost("/api/spider/keyValue/updateItem", true, JSON.stringify(dataobj), function (code, obj) {
                    if (code == 200) {
                        layer.msg("更新成功", { time: 1500 }, function () {
                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                            parent.layer.close(index);  // 关闭layer
                        });

                    }
                });
            } else {
                var dataobj = $("#form-article-add").parseForm();
                _apipost("/api/spider/keyValue/item", true, JSON.stringify(dataobj), function (code, obj) {
                    if (code == 200) {
                        layer.msg("添加成功");
                    }
                });
            }
        }
    </script>
    <!--/请在上方写此页面业务相关的脚本-->
</body>

</html>